<!DOCTYPE html>
<html>
<head>
    <title>来自</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="X-UA-Compatible" content="IE=7">
	<!-- iphone safari -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes" /> 
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />       
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />  
	<meta content="telephone=no" name="format-detection" /> 
	<meta name="Author" contect="Mr.He"/ >
    <link rel="apple-touch-icon" size="72x72" href="images/icon.png"/>
    <link rel="stylesheet" type="text/css" href="css/jqm-1.1.1.min.css">
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> 
      <script src="js/jqm-1.1.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src="js/tools.js"></script>
    <script type="text/javascript">
        window.localStorage.removeItem("imgIndex");
		var count=14;
		$(document).ready(function(e) {  
            for(var i=1;i<=count;i++){
				
					var img=$("<img/>");
					img.attr({"src":"images/space"+i+".png","alt":i});
					img.css("padding","5px");
					img.appendTo($("#showSpace"));
				
			} 
        });
         $("#showSpace img").live("tap",function(e){
                e.preventDefault();
                window.localStorage.setItem("imgIndex",$(this).attr("alt"));
                window.location.href="showview.html";
            });

         $("#tapTest").live("taphold",function(){
                var pwd=prompt("Enter password");
                if(pwd=="c"){
                    window.localStorage.removeItem("imgs");
                }
            });
    </script>
</head>
<body>
<div style="margin:0px auto;text-align: center;" id="tapTest" onClick="javascript:window.location.href='index.html'"><img src="images/banner.png" width="100%"/></div>
<div style="margin:15px auto;text-align:center;font-size:24px; color:#099;">请选择来自的景区</div>
<div id="showSpace" style="margin:15px 10px; width:100%; text-align:left; padding:3px;"></div>
</body>
</html>